<link rel="stylesheet" href="../../css/element.css">
<link rel="stylesheet" href="../../css/main.css">

<!-- 引入组件库 -->
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script src="../../js/element.js"></script>
<script src="../../js/common.js"></script>

<style>

  .el-header {
    margin-bottom: 20px;
  }
  .el-row {
    margin-bottom: 20px;
  }


</style>

<!-- 模型一 -->
<div id="addNode">
  <el-container>
    <el-header >
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/' }">模型</el-breadcrumb-item>
        <el-breadcrumb-item>连接</el-breadcrumb-item>
      </el-breadcrumb>

      <p><el-link target="_blank" type="success" href="https://element.eleme.cn/#/zh-CN/component/link">文档地址</el-link></p>
    </el-header>
    <el-main v-loading="dataLoading">
      
      <h3>基本用法</h3>
      <el-row>
        <el-link href="https://element.eleme.io" target="_blank">默认链接</el-link>
        <el-link type="primary">主要链接</el-link>
        <el-link type="success">成功链接</el-link>
        <el-link type="warning">警告链接</el-link>
        <el-link type="danger">危险链接</el-link>
        <el-link type="info">信息链接</el-link>
      </el-row>
      
      <h3>禁用状态</h3>
      <el-row>
        <el-link disabled>默认链接</el-link>
        <el-link type="primary" disabled>主要链接</el-link>
        <el-link type="success" disabled>成功链接</el-link>
        <el-link type="warning" disabled>警告链接</el-link>
        <el-link type="danger" disabled>危险链接</el-link>
        <el-link type="info" disabled>信息链接</el-link>
      </el-row>
      
      <h3>下划线</h3>
      <el-row>
        <el-link :underline="false">无下划线</el-link>
        <el-link>有下划线</el-link>
      </el-row>

      <h3>图标</h3>
      <el-row>
        <el-link icon="el-icon-edit">编辑</el-link>
        <el-link>查看<i class="el-icon-view el-icon--right"></i> </el-link>
      </el-row>

    </el-main>
  </el-container>
</div>


<script>


  var app7 = new Vue({
  el: '#addNode',
  data() {
      return {};
    },
    methods: {
    }
})
  
</script>

